<div >

  <header id="header" class="mui-bar mui-bar-nav">

			<h1 class="mui-title">导航栏</h1>
		<button class="mui-btn mui-btn-blue mui-btn-link mui-pull-right">编辑</button>
    <button class="mui-action-back mui-btn mui-btn-blue mui-btn-link mui-btn-nav mui-pull-left"><span class="mui-icon mui-icon-left-nav"></span>首页</button>
  </header>

<button type="button" style="padding-top:200px" class="mui-btn mui-btn-primary mui-btn-block mui-btn-outlined" onClick="location.href='#Page2'">Block button</button>
<button type="button" class="mui-btn mui-btn-primary mui-icon mui-icon-search" onClick="alert(2)">
		            搜索
</button>
  <nav class="mui-bar mui-bar-tab">
  			<a id="defaultTab" class="mui-tab-item" href="#Page1">
  				<span class="mui-icon mui-icon-home"></span>
  				<span class="mui-tab-label">首页</span>
  			</a>
  			<a class="mui-tab-item mui-active" href="#Page2">
  				<span class="mui-icon mui-icon-email"><span class="mui-badge">9</span></span>
  				<span class="mui-tab-label">消息</span>
  			</a>
  			<a class="mui-tab-item" href="#Page3">
  				<span class="mui-icon mui-icon-contact"></span>
  				<span class="mui-tab-label">通讯录</span>
  			</a>
  			<a class="mui-tab-item" href="Page4">
  				<span class="mui-icon mui-icon-gear"></span>
  				<span class="mui-tab-label">设置</span>
  			</a>
  </nav>
</div>
